﻿<!DOCTYPE html>
<html>
  <head>
    <title>文章详情页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/文章详情页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/文章详情页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机框架) -->

      <!-- Unnamed (Image) -->
      <div id="u288" class="ax_default image">
        <img id="u288_img" class="img " src="images/引导用户使用页/u27.jpg"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u289" class="ax_default box_2">
        <div id="u289_div" class=""></div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u290" class="ax_default icon">
        <img id="u290_img" class="img " src="images/医院查找页/u241.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u291" class="ax_default paragraph">
        <div id="u291_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u292" class="ax_default paragraph">
        <div id="u292_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u293" class="ax_default" data-left="61" data-top="399" data-width="369" data-height="461">

        <!-- Unnamed (Rectangle) -->
        <div id="u294" class="ax_default paragraph">
          <div id="u294_div" class=""></div>
          <div id="u294_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 当你的狗不断搔痒或舔，不要认为这是它的坏习惯去责备它， 皮肤状况可能是罪魁祸首。皮肤问题的原因范围从寄生虫到过敏到潜在的疾病。小编找了一些最常见的犬皮肤问题的图像。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 浅表性细菌性毛囊炎会导致皮肤发生疮，疙瘩和痂的感染。这些皮肤异常在短毛犬中更容易看到。毛囊炎通常与其他皮肤问题一起发生，如过敏或受伤。治疗可能包括口服抗生素和抗菌软膏或药浴。</span></p><p><span><br></span></p><p><span>本文转自有宠网：http://www.yc.cn/news/news-40662.html</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u295" class="ax_default heading_3">
          <div id="u295_div" class=""></div>
          <div id="u295_text" class="text ">
            <p><span>过敏性皮炎</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u296" class="ax_default icon">
          <img id="u296_img" class="img " src="images/文章详情页/u296.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u297" class="ax_default paragraph">
        <div id="u297_div" class=""></div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u298" class="ax_default image">
        <img id="u298_img" class="img " src="images/文章详情页/u298.jpg"/>
      </div>

      <!-- Unnamed (Menu) -->
      <div id="u299" class="ax_default">
        <img id="u299_menu" class="img " src="images/文章详情页/u299_menu.png" alt="u299_menu"/>

        <!-- Unnamed (Table) -->
        <div id="u300" class="ax_default">

          <!-- Unnamed (Menu Item) -->
          <div id="u301" class="ax_default menu_item">
            <img id="u301_img" class="img " src="images/文章详情页/u301.png"/>
            <div id="u301_text" class="text ">
              <p><span>分享</span></p>
            </div>
          </div>

          <!-- Unnamed (Menu Item) -->
          <div id="u302" class="ax_default menu_item">
            <img id="u302_img" class="img " src="images/文章详情页/u301.png"/>
            <div id="u302_text" class="text ">
              <p><span>评论</span></p>
            </div>
          </div>

          <!-- Unnamed (Menu Item) -->
          <div id="u303" class="ax_default menu_item">
            <img id="u303_img" class="img " src="images/文章详情页/u303.png"/>
            <div id="u303_text" class="text ">
              <p><span>收藏</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u304" class="ax_default heading_3">
        <div id="u304_div" class=""></div>
        <div id="u304_text" class="text ">
          <p><span>这里类似于一级页面的tab，冻结在底部。点击“分享”只能分享到微信群聊</span></p><p><span>点击“评论”在下方弹出文本域让用户输入评论，只允许登录过的用户发评论，也需要调用内容安全API过滤评论内容。</span></p><p><span>点击“收藏”将文章链接收藏至“我的”收藏夹</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u305" class="ax_default box_2">
        <div id="u305_div" class=""></div>
        <div id="u305_text" class="text ">
          <p><span>主人畅所欲言吧！</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u306" class="ax_default primary_button">
        <div id="u306_div" class=""></div>
        <div id="u306_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u307" class="ax_default" data-left="60" data-top="661" data-width="380" data-height="76">

        <!-- Unnamed (Ellipse) -->
        <div id="u308" class="ax_default ellipse">
          <img id="u308_img" class="img " src="images/文章详情页/u308.png"/>
          <div id="u308_text" class="text ">
            <p><span>K</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u309" class="ax_default label">
          <div id="u309_div" class=""></div>
          <div id="u309_text" class="text ">
            <p><span>kendy（二哈主人）</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u310" class="ax_default label">
          <div id="u310_div" class=""></div>
          <div id="u310_text" class="text ">
            <p><span>04/03</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u311" class="ax_default label">
          <div id="u311_div" class=""></div>
          <div id="u311_text" class="text ">
            <p><span>无论遇到什么困难！都要给我笑！</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u312" class="ax_default line">
          <img id="u312_img" class="img " src="images/文章详情页/u312.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u313" class="ax_default heading_3">
        <div id="u313_div" class=""></div>
        <div id="u313_text" class="text ">
          <p><span>评论区显示评论员头像、昵称、发布日期、宠物品种。用横线相隔</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u314" class="ax_default heading_3">
        <div id="u314_div" class=""></div>
        <div id="u314_text" class="text ">
          <p><span>文章内容要控制好段间距、首行缩进等样式。每篇文章最好注明文章来源和作者。</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u315" class="ax_default icon">
        <img id="u315_img" class="img " src="images/文章详情页/u315.png"/>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u316" class="ax_default icon">
        <img id="u316_img" class="img " src="images/文章详情页/u316.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u317" class="ax_default paragraph">
        <div id="u317_div" class=""></div>
        <div id="u317_text" class="text ">
          <p><span>怎样喂小狗吃饭 狗狗用餐顺序的训练方法 </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u318" class="ax_default paragraph">
        <div id="u318_div" class=""></div>
        <div id="u318_text" class="text ">
          <p><span>猫抓家具怎么办 防止猫乱抓家具的方法介绍 </span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u319" class="ax_default" data-left="160.5" data-top="498.5" data-width="142" data-height="89.5">

        <!-- Unnamed (Image) -->
        <div id="u320" class="ax_default image">
          <img id="u320_img" class="img " src="images/文章详情页/u320.png"/>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u321" class="ax_default image">
          <img id="u321_img" class="img " src="images/文章详情页/u321.png"/>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u322" class="ax_default image">
          <img id="u322_img" class="img " src="images/文章详情页/u320.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u323" class="ax_default heading_3">
        <div id="u323_div" class=""></div>
        <div id="u323_text" class="text ">
          <p><span>左右滑动，可切换文章</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u324" class="ax_default connector">
        <img id="u324_seg0" class="img " src="images/文章详情页/u324_seg0.png" alt="u324_seg0"/>
        <img id="u324_seg1" class="img " src="images/文章详情页/u324_seg1.png" alt="u324_seg1"/>
        <img id="u324_seg2" class="img " src="images/文章详情页/u324_seg2.png" alt="u324_seg2"/>
        <div id="u324_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
